@charset "utf-8";
/* CSS Document */

/* A container should group all your columns. */

/* Use this class on any .span / container to see the grid. */
.showgrid { background:url(../images/grid.png);}

.body{
width:100%;
}
/* Sets up basic grid floating and margin. */
.column, .w-1, .w-2, .w-3, .w-4, .w-5, .w-6, .w-7, .w-8, .w-9, .w-10, .w-11, .w-12, .w-13, .w-14, .w-15, .w-16, .w-17, .w-18, .w-19, .w-20, .w-21, .w-22, .w-23, .w-24, .w-25 {
	float: left;
	margin-right: 10px;
}
/* The last column in a row needs this class. */
.last {
	margin-right: 0;
}
/* Use these classes to set the width of a column. */
.w-1 {
	width: 30px;
}
.w-2 {
	width: 70px;
}
.w-3 {
	width: 110px;
}
.w-4 {
	width: 150px;
}
.w-5 {
	/*width: 190px;*/
	width:203px;/*modify on 2010-12-10*/
}
.w-6 {
	/*width: 230px;*/
	width:253px;/*modify on 2010-12-09*/
}
.w-7 {
	/*width: 270px;*/ 
	width:264px;/*modify on 2010-12-09*/
}
.w-8 {
	width: 310px;
}
.w-9 {
	width: 350px;
}
.w-10 {
	/*width: 390px;*/
	width:412px; /*modify on 2010-12-09*/
}
.w-11 {
	width: 430px;
}
.w-12 {
	width: 470px;
}
.w-13 {
	width: 510px;
}
.w-14 {
	/*width: 550px;*/
	width:540px;/*modify on 2010-12-09*/
}
.w-15 {
	width: 590px;
}
.w-16 {
	width: 630px;
}
.w-17 {
	width: 670px;
	margin-left:5px;
}
.w-18 {
	width: 670px;
}
.w-19 {
	/*width: 750px;*/
	width:753px;/*modify on 2010-12-10*/
}
.w-20 {
	width: 790px;
}
.w-21 {
	width: 830px;
}
.w-22 {
	width: 870px;
}
.w-23 {
	width: 910px;
}
.w-24 {
	width:950px;
	margin-right:0;
}
.w-25 {
	width:990px;
	margin-right:0;
}
/* Use this to create a horizontal ruler across a column. */
hr {
	background:#DDDDDD;
	border:none;
	clear:both;
	color:#DDDDDD;
	float:none;
	height:1px;
	margin:0;
	width:100%;
}

hr.space {
	background: #fff;
	color: #fff;
	visibility: hidden;
}

.fleft{ float:left;}
.fright{ float:right;}
/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
 content: "";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
 font-size:0;
 line-height:0;
}
.clearfix, .container {display: block;}
/* Regular clearing apply to column that should drop below previous ones. */

.clear {
	clear:both;
}


/*Hide from IE-mac\*/
*html .clearfix{zoom:1; height:1%;}/*IE6*/
*first-child+html .clearfix{zoom:1; height:1%;}/*IE7*/
/*End hide from IE-mac*/